﻿@charset "utf-8";
/* CSS Document */
/* index Document by tuy 2014.01.13*/

/*font-family: "微软雅黑";*/


/*--------------------------main---------------------------*/
body {background:#e8f3f5;font-size:12px;letter-spacing:0.1em;overflow:hidden;}

body#w960{width:960px;margin:0 auto;}
html {overflow:hidden;}
::selection {
background: #177fc0;
}
a {color:#3a3a3a}
span.y{color:#fef619}

/*头部*/
#head{width:100%;color:#fff;float:left;background:url("../images/blue_ui.gif") 0 top repeat-x;height:66px;position:relative;}
#head p{text-align:right;right:10px;top:5px;position:absolute;}

.nav{width:100%;float:left;background:url("../images/blue_ui.gif") 0 -66px repeat-x;height:47px;}
.nav li{float:left;line-height:47px;}
.nav li a{color:#fff;padding:0 20px;float:left;font-size:14px;font-weight:bold;}
.nav li a:hover{color:#fef619;background:url("../images/blue_ui.gif") center -125px no-repeat;}
.nav li.cur a{color:#fef619;background:url("../images/blue_ui.gif") center -125px no-repeat;}

.nbeportNavStyle{margin-top:8px;float:left;clear:both;width:100%;}
.nbeportButtonStyle{margin-bottom:28px;float:left;clear:both;width:100%;}

/*导航样式 begin*/
.a{width:100%;font-family:"微软雅黑";float:left;background:url("../images/blue_ui.gif") 0 -66px repeat-x;height:47px;}
.a li{float:left;line-height:47px;}
.a li a{color:#fff;padding:0 20px;float:left;font-size:14px;font-weight:bold;}
.a li a:hover{color:#fef619;background:#014191;}
.a li.cur a{color:#fef619;background:#014191;}

.b{width:100%;font-family:"微软雅黑";float:left;background:#0855ad;height:47px;}
.b li{float:left;line-height:47px;}
.b li a{color:#fff;padding:0 20px;float:left;font-size:14px;font-weight:bold;}
.b li a:hover{color:#fef619;height:45px;border-bottom:2px solid #fff;}
.b li.cur a{color:#fef619;height:45px;border-bottom:2px solid #fff;}

.c{width:100%;font-family:"微软雅黑";float:left;background:#0855ad;height:47px;}
.c li{float:left;line-height:47px;background:none;}
.c li a{color:#fff;padding:0 20px;float:left;background:none;font-size:14px;font-weight:bold;}
.c li a:hover{color:#fef619;height:42px;border-bottom:5px solid yellow;background:none;}
.c li.cur a{color:#fef619;height:42px;border-bottom:5px solid yellow;background:none;}
.c li a.block{color:#fff;padding:0 20px;height:55px;border-bottom:0px solid yellow;float:left;background:none;font-size:14px;font-weight:bold;}
.c li a.block:hover{color:#fff;background:url("../images/blue_navbg.gif") center 0 no-repeat;font-weight:bold;}
.c li.cur a.block{color:#fff;background:url("../images/blue_navbg.gif") center 0 no-repeat;font-weight:bold;}


.d{width:100%;font-family:"微软雅黑";float:left;background:#0855ad;height:47px;}
.d li{float:left;line-height:47px;}
.d li a{color:#fff;padding:0 20px;color:#f8f8f8;float:left;font-size:14px;font-weight:normal;}
.d li a:hover{color:#0855ad;background:url("../images/blue_repeat.gif") 0 0 repeat-x;font-weight:bold;}
.d li.cur a{color:#0855ad;background:url("../images/blue_repeat.gif") 0 0 repeat-x;font-weight:bold;}

.g{width:100%;border-radius:10px;overflow:hidden;font-family:"微软雅黑";float:left;background:#ebebeb;height:47px;border-top:2px solid #014191;border-bottom:2px solid #0858ac; }
.g li{float:left;line-height:47px;}
.g li a{color:#fff;padding:0 20px;color:#0858ac;float:left;font-size:14px;font-weight:normal;}
.g li a:hover{color:#fff;background:#0858ac;}
.g li.cur a{color:#fff;background:#0858ac;}

.border{border:0;border-radius:0px;border-bottom:2px solid #023f97; }
.border li{float:left;line-height:35px;height:35px;margin-top:12px;}
.border li a{color:#fff;padding:0 20px;color:#0858ac;float:left;background:url(../images/button01.jpg) left -2px no-repeat ;font-size:14px;font-weight:normal;}
.border li a:hover{color:#fff;background:#0858ac;}
.border li.cur a{color:#fff;background:#0858ac;}


.border li a{color:#fff;cursor:pointer;overflow:hidden;position:relative;padding:0px;margin-top:-5px;line-height:45px;color:#0858ac;float:left;height:40px; font-size:14px;font-weight:normal; background:none ; }
.border li a span{font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background:none ; float: left; height:40px;line-height:45px;
}
.border li a:hover{color:#fff;margin-top:-5px;background: url(../images/button01.jpg) left -223px no-repeat ;}
.border li a:hover span{font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right -223px no-repeat ; float: left; height:40px;color:#fff;
}

.border li.cur a{color:#fff;background: url(../images/button01.jpg) left -223px no-repeat ;}
.border li.cur a span{font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right -223px no-repeat ; float: left; height:40px;color:#fff;
}

.border{border:0;border-radius:0px;border-bottom:2px solid #023f97; }
.border li{float:left;line-height:35px;height:35px;margin-top:12px;}
.border li a.radius{color:#fff;padding:0 20px;line-height:25px;color:#0858ac;float:left;height:25px; border-radius:10px;font-size:14px;font-weight:normal;}
.border li a.radius:hover{color:#fff;background:#0858ac;}
.border li.cur a.radius{color:#fff;background:#0858ac;}

.border li a.radius{color:#fff;position:relative;padding:0px;margin-top:-5px;line-height:35px;color:#0858ac;float:left;height:35px; font-size:14px;font-weight:normal; background:none ; }
.border li a.radius span{font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background:none ; float: left; height:35px;line-height:35px;
}
.border li a.radius:hover{color:#fff;margin-top:-5px;background: url(../images/button01.jpg) left -289px no-repeat ;}
.border li a.radius:hover span{font-family:"微软雅黑";color:#fff;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right -289px no-repeat ; float: left; height:35px;line-height:35px;
}

.border li.cur a.radius{color:#fff;margin-top:-5px;background: url(../images/button01.jpg) left -289px no-repeat ;}
.border li.cur a.radius span{font-family:"微软雅黑";color:#fff;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right -289px no-repeat ; float: left; height:35px;line-height:35px;
}


.border li a.btn_3d{color:#fff;position:relative;padding:0px;margin-top:-5px;line-height:35px;color:#0858ac;float:left;height:35px; font-size:14px;font-weight:normal;background: url(../images/button01.jpg) left -35px no-repeat ;}
.border li a.btn_3d span{font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right -35px no-repeat ; float: left; height:35px;line-height:35px;
}
.border li a.btn_3d:hover{color:#fff;margin-top:-5px;background: url(../images/button01.jpg) left 0px no-repeat ;}
.border li a.btn_3d:hover span{font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right 0px no-repeat ; float: left; height:35px;line-height:35px;
}

.border li.cur a.btn_3d{color:#fff;background: url(../images/button01.jpg) left 0px no-repeat ;}
.border li.cur a.btn_3d span{font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right 0px no-repeat ; float: left; height:35px;line-height:35px;
}
/*导航样式 end*/



/*提示框 begin*/
.tips{float:right;width:99%;display:block;margin-right:0.5%;height:20px;line-height:20px;background:#fff8f4;border:1px solid #ffb588 ;margin-bottom:5px;}	
.tips span{float:left;height:20px;background:url("../images/tips.png") 0 2px no-repeat;padding-left:20px;margin-left:8px;}	
.tips_ok{float:right;width:99%;display:block;margin-right:0.5%;height:20px;line-height:20px;background:#caffa6;border:1px solid #57d900 ;margin-bottom:5px;}	
.tips_ok span{float:left;height:20px;background:url("../images/blue_repeat.gif") 0 -55px no-repeat;padding-left:20px;margin-left:8px;}	
.tips_wrong{float:right;width:99%;display:block;margin-right:0.5%;height:20px;line-height:20px;background:#ffd0d0;border:1px solid #ff0000 ;margin-bottom:5px;}	
.tips_wrong span{float:left;height:20px;background:url("../images/blue_repeat.gif") 0 -75px no-repeat;padding-left:20px;margin-left:8px;}	
.tips_care{float:right;width:99%;display:block;margin-right:0.5%;height:20px;line-height:20px;background:#fff5ad;border:1px solid #ffc700 ;margin-bottom:5px;}	
.tips_care span{float:left;height:20px;background:url("../images/blue_repeat.gif") 0 -115px no-repeat;padding-left:20px;margin-left:8px;}	
.tips_heart{float:right;width:99%;display:block;margin-right:0.5%;height:20px;line-height:20px;background:#ebf2f9;border:1px solid #72a6d6 ;margin-bottom:5px;}	
.tips_heart span{float:left;height:20px;background:url("../images/blue_repeat.gif") 0 -132px no-repeat;padding-left:20px;margin-left:8px;}	


/*提示框 end*/


/*按钮样式 begin*/
.tips{float:right;width:99%;display:block;margin-right:0.5%;height:20px;line-height:20px;background:#fff8f4;border:1px solid #ffb588 ;margin-bottom:5px;}	
.tips span{float:left;height:20px;background:url("../images/tips.png") 0 2px no-repeat;padding-left:20px;margin-left:8px;}	
.tips_ok{float:right;width:99%;display:block;margin-right:0.5%;height:20px;line-height:20px;background:#caffa6;border:1px solid #57d900 ;margin-bottom:5px;}	
.tips_ok span{float:left;height:20px;background:url("../images/blue_repeat.gif") 0 -55px no-repeat;padding-left:20px;margin-left:8px;}	
.tips_wrong{float:right;width:99%;display:block;margin-right:0.5%;height:20px;line-height:20px;background:#ffd0d0;border:1px solid #ff0000 ;margin-bottom:5px;}	
.tips_wrong span{float:left;height:20px;background:url("../images/blue_repeat.gif") 0 -75px no-repeat;padding-left:20px;margin-left:8px;}	
.tips_care{float:right;width:99%;display:block;margin-right:0.5%;height:20px;line-height:20px;background:#fff5ad;border:1px solid #ffc700 ;margin-bottom:5px;}	
.tips_care span{float:left;height:20px;background:url("../images/blue_repeat.gif") 0 -115px no-repeat;padding-left:20px;margin-left:8px;}	
.tips_heart{float:right;width:99%;display:block;margin-right:0.5%;height:20px;line-height:20px;background:#ebf2f9;border:1px solid #72a6d6 ;margin-bottom:5px;}	
.tips_heart span{float:left;height:20px;background:url("../images/blue_repeat.gif") 0 -132px no-repeat;padding-left:20px;margin-left:8px;}	
/*按钮样式 end*/


/* 按钮 立体*/
a.btn_3d:hover {
	margin: 4px; background: url(../images/button01.jpg) left 0px no-repeat ; float: left; height: 35px; color: #fff; cursor: pointer; text-decoration: none
}
a.btn_3d:hover span {
	font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right 0px no-repeat ; float: left; height:35px;line-height:35px;
}	
a.btn_3d {
	margin: 4px; background: url(../images/button01.jpg) left -35px no-repeat ; float: left; height: 35px; color: #fff; cursor: pointer; text-decoration: none
}
a.btn_3d span {
	font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right -35px no-repeat ; float: left; height:35px;line-height:35px;
}

a.btn_3dc:hover {
	margin: 4px; background: url(../images/button01.jpg) left -70px no-repeat ; float: left;  color: #fff; cursor: pointer; text-decoration: none
}
a.btn_3dc:hover span {
	font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right -70px no-repeat ; float: left;
}	
a.btn_3dc {
	margin: 4px; background: url(../images/button01.jpg) left -107px no-repeat ; float: left; height: 38px; color: #fff; cursor: pointer; text-decoration: none
}
a.btn_3dc span {
	font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right -107px no-repeat ; float: left; height:38px;line-height:38px;
}

a.btn_blue:hover {
	margin: 4px; background: url(../images/button01.jpg) left -176px no-repeat ; float: left;  color: #fff; cursor: pointer; text-decoration: none
}
a.btn_blue:hover span {
	font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center;color: #fff; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right -176px no-repeat ; float: left;
}	
a.btn_blue {
	margin: 4px; background: url(../images/button01.jpg) left -146px no-repeat ; float: left; height: 30px; color: #fff; cursor: pointer; text-decoration: none
}
a.btn_blue span {
	font-family:"微软雅黑";color:#000;padding-bottom: 0px; margin: 0px 0px 0px 16px; padding-left: 0px;text-align:center;color: #fff; padding-right: 16px;letter-spacing:0.1em; font-weight:normal; background: url(../images/button01.jpg) right -146px no-repeat ; float: left; height:30px;line-height:30px;
}

a.btnuser01{margin-left:16px;_margin-left:8px;
	float:left;height:28px;cursor:pointer;
	background:url(../images/btnuser.gif) left 0 no-repeat;}	
a.btnuser01 span{float:left;font-size:13px;color:#333;height:23px;padding:5px 10px 0 2px;
	background:url(../images/btnuser.gif) right 0 no-repeat;margin:0 0 0 8px;
	font-weight:bold;}
a.btnuser01:hover{background:url(../images/btnuser.gif) left -28px no-repeat;}	
a.btnuser01:hover span{background:url(../images/btnuser.gif) right -28px no-repeat;color:#000;}

.buttontitle{margin-bottom:15px;}
.a_demo_three {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:12px 20px;
	border-left:solid 1px #2ab7ec;
	margin-left:45px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.a_demo_three:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.a_demo_three::before {
	background-color:#2561b4;
	content:"1";
	width:35px;
	max-height:29px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:8px;
	top:0px;
	left:-36px;
	font-size:16px;
	font-weight:bold;
	color:#8fd1ea;
	text-shadow:1px 1px 0px #07526e;
	border-right:solid 1px #07526e;
	background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(10,94,125)),
	color-stop(1, rgb(14,139,184))
	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
}

.a_demo_three:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}
.first_button::before {
	content:"1";text-align:center; 	
}
/*
Second button
*/

.second_button::before {
	content:"2";text-align:center; 	
}

/*
Third button
*/

.third_button::before {
	content:"3";text-align:center; 	
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}
/** mainbody*/
#mainbody {width:960px;float:left;margin-top:10px;position:relative;}
/*菜单*/
#mainbody a.control{height:100%;cursor:pointer;width:12px;left:236px;position:absolute;background:url("../images/controler.jpg") 0 center no-repeat;}
#mainbody a.control:hover{height:100%;cursor:pointer;width:12px;left:236px;position:absolute;background:url("../images/control.jpg") 0 center no-repeat;}
#mainbody a.controler{height:100%;cursor:pointer;width:12px;left:2px;position:absolute;background:url("../images/controler1.jpg") 0 center no-repeat;}
#mainbody a.controler:hover{background:url("../images/control1.jpg") 0 center no-repeat;}

#mainbody .l {position:absolute;left:0px;width:234px;}
#mainbody .l .name{text-align:left;font-weight:normal;line-height:18px;font-size:14px;font-weight:bold;letter-spacing:0.2em;color:#fff;height:28px;background:url(../images/blue_ui.gif) 20px -242px repeat-x;overflow:hidden;}
#mainbody .l .name span{letter-spacing:0.2em;color:#fff;height:20px;width:82%;margin-top:4px;padding-left:18%;float:left;background:url(../images/blue_ui.gif) 20px -172px no-repeat;}
#mainbody .l .list{border:1px solid #e3e3e3;float:left;width:232px;border-top:none;background:#fff;}
#mainbody .l a{display:block;cursor:pointer;height:28px;width:100%;line-height:28px;color:#000;text-align:left;float:left;border-bottom:1px solid #e3e3e3;}
#mainbody .l a.last{border-bottom:none;}
#mainbody .l a span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:0.2em;height:28px;width:192px;padding-left:40px;float:left;background:url(../images/blue_ui.gif) 26px -189px no-repeat;}
#mainbody .l a:hover{color:#de5c2a;}
#mainbody .l a.active{color:#de5c2a;}

#mainbody .gray a{display:block;cursor:pointer;height:28px;width:100%;line-height:28px;color:#000;text-align:left;float:left;border-bottom:1px solid #e3e3e3;background:url(../images/left.jpg) 0px 1px repeat-x;}
#mainbody .gray a.last{border-bottom:none;}
#mainbody .gray a span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:0.2em;height:28px;width:192px;padding-left:40px;float:left;background:url(../images/blue_ui.gif) 26px -189px no-repeat;}
#mainbody .gray a:hover{color:#fff;background:#f8f8f8;background:url(../images/left.jpg) 0px -27px repeat-x;}
#mainbody .gray a.active{color:#fff;background:url(../images/left.jpg) 0px -27px repeat-x;}

#mainbody .r {position:absolute;left:245px;width:900px;overflow:hidden;background:#fff;border:1px solid #e3e3e3;border-top:none;}
#mainbody .r .name{text-align:left;font-weight:normal;line-height:18px;font-size:14px;font-weight:bold;letter-spacing:0.2em;color:#0654a6;height:28px;background:url(../images/blue_ui.gif) 0px -271px repeat-x;border-bottom:1px solid #cdcfce }
#mainbody .r .name span{letter-spacing:0.2em;height:20px;margin-top:5px;padding-left:40px;float:left;background:url(../images/blue_ui.gif) 20px -217px no-repeat;}
#mainbody .r .content {width:99.5%;margin-left:0.5%;float:left;_margin-left:0.5%;}
table.editbox{float:left;width:100%;border-spacing:0px;font-size:12px;}	
table.editbox tr td{padding-bottom:8px;}	

table.editbox .txt{width:90%;#width:165px;border:1px solid #cdcfce;height:26px;line-height:26px;}	
	
	/*电子口岸列表样式3 字段：像table，多个字段的布局      begin*/	

 .ild_list3{width:99%;padding:0.5%;font-family: "微软雅黑";}
 .ild_list3 h3{width:678px;margin-left:10px;text-align:left;float:left;color:#3952b3;}/* 这块的宽度要根据实际情况来定*/
 .ild_list3 h4 {position:relative;font-size:12px;}
 .ild_list3 table{float:left;width:100%;border-spacing:0px;font-size:12px;}
 .ild_list3 table tr.header td{background:#7db8ff;color:#fff;height:30px;text-align:center;font-weight:bold;}
 .ild_list3 table tr.e td{background:#f8f8f8;color:#7f7f7f;height:35px;text-align:center;border-bottom:1px dashed #7f7f7f; }
 .ild_list3 table tr.f td{background:#fff;color:#7f7f7f;height:35px;text-align:center;border-bottom:1px dashed #7f7f7f; }
 .ild_list3 table tr.red td{color:#ff3300;}

 .ild_list3 table tr td h4 a.up {position:absolute;top:4px; right:3px;width:7px;height:4px;background:url(dotup.gif) no-repeat;}
 .ild_list3 table tr td h4 a.down {position:absolute;top:10px; right:3px;width:7px;height:4px;background:url(dotbottom.gif) no-repeat;}

.ildpagebar {
    background: none repeat scroll 0 0 #F7F7F7;
    margin: 5px 0 8px;
    padding: 2px 12px;
    text-align: left;
    width: 100%;float:left;
}
.ildpagebar td {
    padding: 2px 12px;font-size:12px;
}
.ildpagebar .tdright {
    text-align: right;
}
.ildpagebar input {
    border: 1px solid #BFBFBD;
    height: 16px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
}
.ildpagebar select {
    vertical-align: middle;
}
.ildpagebar .go {
    background: none repeat scroll 0 0 #006AA4;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 9pt;
    height: 18px;
    line-height: 12px;
    padding: 1px 4px;
}	

span.to{padding-top:3px;height:24px;float:left;}
.editbox_blue{border-left:1px solid #cdcfce;border-bottom:1px solid #cdcfce;width:100%;margin-bottom:0px;}
.editbox_blue tr td{padding:6px;line-height:30px;font-size:12px;border-right:1px solid #cdcfce;border-top:1px solid #cdcfce}
.editbox_blue tr td.left{background:#e3f1f2;text-align:right}
.editbox_blue tr td.top{vertical-align:top}
#imgTable {border:none}
#imgTable tr td{border:none}

.txt{outline:0;float:left;}
.txt:focus{outline:0;}
.editbox_blue tr td.right{background:#fff;text-align:left}
table.editbox_blue .txt{border:1px solid #cdcfce;height:26px;line-height:26px}
table.editbox_blue .inline{white-space:nowrap;}
.second_title{border-bottom:1px solid #e3e3e3;margin-bottom:5px;font-size:12px;height:22px;width:100%;float:left;}
.second_title span{border-bottom:1px solid #0c77ed;float:left;color:#0654a6;height:22px;letter-spacing:0.1em;line-height:22px;padding:0 15px;padding-bottom:0px;-position:relative;_margin-bottom:-1px;}

.wrap{text-align:center;padding-bottom:5px;clear:left}
.container{text-align:left;display:inline-block;*display:inline;zoom:1;position:relative}	

/* Tiny Scrollbar */
#scrollbar1 { width: 100%; clear: both; margin: 0px; }
#scrollbar1 .viewport { width: 97%;overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding-top:10px;width:100%; }
#scrollbar1 .scrollbar,
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar.png) no-repeat; }
#scrollbar1 .scrollbar { position: relative; background-position: 0 0; float: right;_margin-right:1px; width: 15px; }
#scrollbar1 .track	{ background: transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background-position: 100% 100%; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { background-position: 100% 0; height: 5px; width: 13px; }
#scrollbar1 .disable { display: none; }


#mainbody .l .list{border:1px solid #e3e3e3;float:left;width:232px;border-top:none;background:#fff;}
#mainbody .l .list {  clear: both; margin: 0px; }
#mainbody .l .list .viewport { width:232px;overflow: hidden; position: relative;z-index:999; }
#mainbody .l .list .viewport li { float:left;height:28px;}

#mainbody .l .list .overview {list-style: none; position: absolute; right: 0; top: 0; padding-top:0px; }
#mainbody .l .list .overview li a:hover  {}
#mainbody .l .list .overview li.blue {background: url(../images/blue_title.jpg) repeat-x; }
#mainbody .l .list .overview li.blue a  {color:#fff;}
#mainbody .l .list .overview li.blue a span  { background:none;color:#fff;font-size:14px;font-weight:bold;}
#mainbody .l .list .overview li.blue a:hover  {background: url(../images/blue_title.jpg) repeat-x;cursor:default;}
#mainbody .l .list .scrollbar,
#mainbody .l .list .thumb .end,
#mainbody .l .list .thumb { background: transparent url(../images/bg-scrollbar.png) no-repeat; }
#mainbody .l .list .scrollbar { position: relative; background-position: 0 0; float: right; width: 15px; }
#mainbody .l .list .track	{ background: transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#mainbody .l .list .thumb { background-position: 100% 100%; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#mainbody .l .list .thumb .end { background-position: 100% 0; height: 5px; width: 13px; }
#mainbody .l .list .disable {display: none;}



/*电子口岸列表样式3 字段：像table，多个字段的布局     end*/	
/*  底部样式*/
#footer { width:100%;float:left;text-align:center;color:#aaa;font-size:12px;border-top:3px solid #2372c1;margin:10px auto auto auto;background:#fff}
#footer p {letter-spacing:0.1em;width:100%;text-align:center;margin-top:5px;padding-top:5px;padding-bottom:10px;}
#footer a{margin:0 20px;display:inline;}
